Layers

A layer is a 2D image on a screen the content of which can be either dynamic or static. Each layer can have a number of child layers the content of which is displayed on the parent layer in the order of appearance. The type of the layer defines the default behavior and content of a layer.

Kanzi contains the following layer types:

• Button layer is an object you can use to create interactions with 2D content through clicking. See Using button layers.
• Empty layer is used to set the property values of its children and to group layers into a hierarchy. See Using empty layers.
• Flow layer places 2D objects in rows. When a row is full, it places objects in a new row. See Using flow layers.
• Grid layer arranges 2D objects in a grid. See Using grid layers.
• Image layer is used for displaying a single or a render target texture. See Using image layers.
• Layer prefab placeholders are objects that refer to the layer prefab templates you can create in Project > Prefabs. Layer prefab placeholders show the contents of the prefab templates they are set to use. See Using layer prefab placeholders.
• Nine-patch layer is used for showing framed images and buttons that change in size, because it scales the frame to match the size of the layer. See Using nine-patch layers.
• Partial rendering layer enables rendering only of the areas that are effectively changed compared to the previous frame. The redrawing of only the specific areas is implemented by rendering stencil mask before rendering representing the changed objects and layers. See Partial rendering and Using partial rendering layers.
• Scroll layer is a 2D input pane you can use to get user input from scroll gestures. You can use the scroll message with its parameters to, for example, move objects, such as a map in an image layer. See Using scroll layers.
• Stack layer arranges its children in 2D space next to each other in a stack on the selected axis. See Using stack layers.
• Text layer is used for displaying the text as a 2D overlay. For example, use a text layer to show text in a head-up display. See Using text layers.
• Toggle button layer is an object that can have multiple toggle states you can use to create interactions with 2D content through clicking. See Using toggle button layers.
• Transition layer is used for creating transitions between layers. See Using transition layers.
• Viewport layer displays a view into a 3D scene through a camera. Using viewport layers.
• Custom layer object is used for adding custom layers to your Kanzi Studio project. You create the functionality of custom layers in the application code and publish them to be used in the Application Window by using Custom Preview. See Custom layer example.

See also

Using button layers

Using empty layers

Using flow layers

Using grid layers

Using image layers

Using nine-patch layers

Using partial rendering layers

Partial rendering

Using scroll layers

Using stack layers

Using text layers

Using toggle button layers

Using transition layers

Using viewport layers

Custom layer example

Open topic with navigation